@charset "UTF-8";
.pc{
	display:none;
}
.base{
	width:1280px; max-width:100%; min-width:1200px; margin:0 auto;
}


.ntitle {
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    color: black;
    margin-bottom: 12px;
}

.ncontent {
    line-height: 25px;
    padding-bottom: 55px;
}

.ninfo {
    color: #999;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin-bottom: 15px;
}
.ncontent img{
	max-width:100%;
}
.header{
	padding-top:15px; position:relative; top:-50px; opacity:0;
}
.head{
	margin-bottom:10px;
}
.head a.logo{
	width:520px; float:left;
}
.search-box{
	padding:20px 0px; width:330px; margin-left:60px; float:left; padding-top:28px;
}
.searchs{
	height:50px; background:#f5f5f5; position:relative; border-radius:25px;
}
.searchs input.txt{
	width:100%; height:50px; padding:12px 22px; padding-right:48px; border:none; outline:none; line-height:26px; background:none;
}
.searchs a{
	position:absolute; height:30px; top:10px; right:16px; width:25px; text-align:center; line-height:30px; text-decoration:none; font-size:16px;
}
.tel-box{
	width:300px; float:right; padding-top:30px;
}
.tels{
	padding-left:72px; background:url(../images/tel.png) no-repeat left center; height:58px;
}
.tels span{
	display:block; height:23px; line-height:22px; font-size:18px; color:#999999;
}
.tels font{
	display:block; height:35px; line-height:34px; font-size:28px; color:#0e6eb8; font-weight:bold;
}
.navs{
	margin-top:5px;
}
.navs ul li{
	display:inline-block; float:left; min-width:50px; margin-right:30px; text-align:center; padding:0px 19px;
}
.navs ul li:last-child{
	margin-right:0px;
}
.navs ul li>a{
	display:inline-block; padding:0px 6px; text-decoration:none; height:45px; line-height:40px; border-bottom:solid 4px white; color:#666666; font-size:16px;
}
.navs ul li.cur>a,.navs ul li:hover>a{
	border-color:#0E6EB8; color:#0E6EB8;
}
.mulu{
	display:none;
}
a.wapoo{
	display:none;
}
.index1{
	padding:55px 0px;
}
.index-title{
	text-align:center; margin-bottom:35px; 
}
.slideBox{overflow:hidden; position:relative; margin-bottom:30px; padding:0px 50px;}
.slideBox .hd{ display:none;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; width:1180px;  }
.sp1 a{
	display:block; text-decoration:none; overflow:hidden; position:relative;
}
.sp1 a img{
	max-width:100%;
}
.sp1 a.pic1{
	width:580px; float:left; margin-right:15px; position:relative; text-align:center;
}
.sp1 a.pic{
	display:block; width:282px; float:left; margin-right:15px; margin-bottom:15px; text-decoration:none; position:relative; overflow:hidden; 
}
.sp1 a.pic:nth-child(odd){
	margin-right:0px;
}
.sp1 a.pic img{
	display:block; max-width:100%;
}
.sp1 a.pic1 img{
	height:580px;
}
.sp1 a span{
	position:absolute; height:32px; line-height:32px; padding:0px 7px; background:black; opacity:0.8; color:white; width:100%; bottom:0px; text-align:center; left:0px; transition: all 0.3s; top:auto;
}
.sp1 a.pic:hover span{
	height:100%; line-height:280px; font-weight:bold;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,.slideBox .next{ position:absolute; width:38px; height:38px; top:290px; color:white; line-height:36px; text-align:center; border-radius:50%;}
.slideBox .prev{
	left:0px; background:#0E6EB8;
}
.slideBox .next{right:0px; background:#FF9303; }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.slideBox span{
	position:relative; top:2px;
}
.gr1{
	text-align:center; margin-top:15px; height:38px; line-height:38px; 
}
.gr1 a{
	display:inline-block; background:#0E6EB8; width:100px; height:34px; line-height:34px; text-align:center; color:white; color:white; font-size:16px; font-weight:bold; border-radius:3px; text-decoration:none;
}
.sp1 a div.gr{
	position:absolute; width:100%; height:100%; background:black; left:0px; top:0px; opacity:0.8; color:white; text-align:center; padding-top:150px; display:none; transition: all 0.3s;
}
.sp1 a div.gr .title{
	height:32px; line-height:30px; margin-bottom:12px; font-size:20px;
}
.sp1 a div.gr .desc{
	line-height:25px; color:#999999; font-size:16px; text-align:center; margin-bottom:17px;
}
.sp1 a div.gr font{
	display:inline-block; height:50px; background:url(../images/ico.png) no-repeat center center; width:50px; background-size:50px auto;
}
.sp1 a:hover div.gr{
	display:block;
}
.sp1 a:first-child:hover span{
	display:none;
}
.sp1 a img{
	transition: all 0.6s;  
}
.sp1 a:hover img{
	 transform: scale(1.05);  
}
.index2{
	padding:80px 0px; height:950px; background:url(../images/bg1.jpg) no-repeat center center;
}
.case-nav{
	text-align:center; height:36px; margin-bottom:45px;
}
.case-nav a{
	display:inline-block; padding:0px 25px; border:solid 1px #ffff; text-decoration:none; color:#fff; height:32px; line-height:32px; margin-right:25px; border-radius:3px;
}
.case-nav a.cur{
	background:#FF9303; border-color:#FF9303;
}
.case-tabs{
}
.case-tabs .case-tab{
	display:none;
}
.case-tabs .case-tab.cur{
	display:block;
}
.index-case-left{
	width:645px; float:left;
}
.index-case-left a{
	display:block; height:450px; overflow:hidden;
}
.index-case-left a img{
	width:645px;
}
.index-case-right{
	width:615px; float:right; padding-top:110px;
}
.index-case-right a.title{
	display:block; width:480px; height:90px; text-decoration:none; color:white; background:#0E6EB8; padding:15px 25px; position:relative; right:200px; margin-bottom:40px; opacity:0;
}
.index-case-right a.title span{
	display:block; height:40px; line-height:40px; font-size:30px;
}
.index-case-right a.title font{
	display:block; height:16px; line-height:16px; font-size:12px;
}
.index-case-right .desc{
	line-height:25px; height:50px; overflow:hidden; color:white;
}
.index-c{
	margin-top:76px;
}
.index-c a{
	display:inline-block; width:110px; height:83px; overflow:hidden; margin-right:10px; float:left; text-align:center;
}
.index-c a:hover{
	border:solid 1px #FF9303;
}
.index-c a:last-child{
	margin-right:0px;
}
.index-c a img{
	height:83px;
}
.gr2{
	text-align:center; margin-top:53px; height:38px; line-height:38px; 
}
.gr2 a{
	display:inline-block; background:#FF9303; width:100px; height:34px; line-height:34px; text-align:center; color:white; color:white; font-size:16px; font-weight:bold; border-radius:3px; text-decoration:none;
}
.index3{
	padding:68px 0px;
}
.indexqy li{
	width:33.3%; float:left; text-align:center; padding:55px 25px; color:#999999;
}
.indexqy li .img{
	height:115px; line-height:115px;
}
.indexqy li .tit{
	height:70px; text-align:center; line-height:70px; font-size:36px; color:#222;
}
.indexqy li .desc{
	height:58px; line-height:29px; font-size:16px; padding:0px 15px;
}
.indexqy li .img.gi1{
	background:url(../images/s1.png) no-repeat center center;
}
.indexqy li:hover .img.gi1{
	background:url(../images/s1_cur.png) no-repeat center center;
}
.indexqy li .img.gi2{
	background:url(../images/s2.png) no-repeat center center;
}
.indexqy li:hover .img.gi2{
	background:url(../images/s2_cur.png) no-repeat center center;
}
.indexqy li .img.gi3{
	background:url(../images/s3.png) no-repeat center center;
}
.indexqy li:hover .img.gi3{
	background:url(../images/s3_cur.png) no-repeat center center;
}
.indexqy li:hover{
	background:#0E6EB8; color:white;
}
.indexqy li:hover .tit{
	color:white;
}
.index4{
	height:1130px; background:url(../images/bg2.jpg) no-repeat center center; padding:85px 0px;
}
.index4-desc{
	padding:5px 50px; text-align:center; margin-bottom:35px; line-height:35px; font-size:16px;
}
.gr3{
	text-align:center; margin-bottom:27px; height:38px; line-height:38px; 
}
.gr3 a{
	display:inline-block; background:#0E6EB8; width:100px; height:34px; line-height:34px; text-align:center; color:white; color:white; font-size:16px; font-weight:bold; border-radius:3px; text-decoration:none;
}
.wr{
	margin-bottom:28px;
}
.wr li{
	width:25%; text-align:center; float:left; color:#0E6EB8;
}
.wr li span{
	display:block; height:120px; line-height:120px; font-size:90px;
}
.wr li div{
	height:30px; color:#999; font-size:16px;
}
.wa-img{
	margin-top:45px;
}
.index5{
	padding:60px 0px;
}
.news-navs{
	text-align:center; margin-bottom:30px;
}
.news-navs a{
	display:inline-block; text-decoration:none; margin-right:29px; padding:0px 30px; height:34px; line-height:34px; font-size:14px; color:#999; border:solid 1px #ccc;
}
.news-navs a:hover,.news-navs a.cur{
	color:white; background:#FF9303; border-color:#FF9303;
}
.index-news{
	border-bottom:solid 10px #0E6EB8; padding-top:15px;
}
.index-n-left{
	width:650px; float:left;
}
.index-n-left a img{
	max-width:100%; 
}
.index-n-right{
	width:600px; float:right;
}
.index-n-right ul{
	padding-top:35px;
}
.index-n-right ul li{
	 border-bottom:solid 1px #ddd; padding-bottom:5px;
}
.index-n-right ul li a{
	display:block; text-decoration:none; color:#666; font-size:18px; line-height:70px; padding-left:105px; position:relative; height:70px;
}
.index-n-right ul li a:hover{
	color:#0E6EB8;
}
.index-n-right ul li span{
	position:absolute; left:20px; width:65px; height:70px; line-height:70px; text-align:left; font-size:18px;
}
.index-n-right ul li:last-child{
	border-bottom:none;
}
.index6{
	padding:75px 0px; background:url(../images/bg3.jpg) no-repeat center center; height:760px;
}
.con-s{
	height:50px; margin-bottom:30px; line-height:48px; text-align:center;
}
.con-s a{
	display:inline-block; position:relative; margin:0px 15px;
}
.index-form li{
	width:620px; float:left; margin-bottom:25px;
}
.index-form li:nth-child(even){
	float:right;
}
.index-form li input{
	display:block; width:100%; height:48px; padding:10px 22px; border:solid 1px #f0f0f0; border-radius:5px; outline:none; background:none; color:white; line-height:28px;
}
.index-form li input::-webkit-input-placeholder{
	color:white;
}
.index-form .eli{
	margin-bottom:30px;
}
.eli textarea{
	height:120px; width:100%; padding:10px 15px; color:white; background:none;  border:solid 1px #f0f0f0; border-radius:5px; outline:none;
}
.eli textarea::-webkit-input-placeholder{
	color:white;
}
.qli{
	text-align:center; line-height:50px; margin-top:35px;
}
.qli button.sub{
	border:none; outline:none; background:#FF9303; height:45px; line-height:45px; padding:0px 45px; margin-right:20px; display:inline-block; font-size:16px; color:white;
}
.qli button.oset{
	border:none; outline:none; background:none; height:45px; line-height:45px; padding:0px 40px; display:inline-block; border:solid 1px white; font-size:16px; color:white;
}
.footer{
	background:url(../images/foot_bg.jpg) no-repeat center top; padding-top:40px; padding-bottom:10px; color:white;
}
.footer a{
	color:white;
}
.f-left{
	width:48%; float:left;
}
.f-left .title{
	height:70px; line-height:35px; font-size:28px; font-weight:bold; margin-bottom:25px;
}
.f-left .title span{
	display:block;
}
.f-right{
	width:50%; float:right;
}
.f-ul{
	margin-bottom:22px;
}
.f-ul li{
	line-height:40px; position:relative; padding-left:44px; margin-bottom:7px; font-size:18px;
}
.f-ul li img{
	position:absolute; left:5px; top:9px;
}
.link-2{
	line-height:35px; margin-top:10px; margin-bottom:10px; font-size:16px;
}
.link-2 span{
	height:32px; display:inline-block; padding:0px 20px; border-radius:16px; background:#666666; color:white; font-weight:bold; margin-right:10px;
}
.link-2 a{
	display:inline-block; color:#f0f0f0; font-size:16px; margin-right:15px; text-decoration:none;
}
.fnavs{
	text-align:right; line-height:40px; margin-bottom:20px;
}
.fnavs a{
	display:inline-block; margin-left:20px; text-decoration:none; color:white; font-size:16px;
}
.fnavs a:Hover{
	    color: #0E6EB8;
}
.fcode{
	height:135px; text-align:right;
}
.fcode img{
	margin-left:15px; display:inline-block; float:right;
}
.fcode span{
	 height:135px; padding-top:95px; line-height:20px; text-align:right; color:white; display:inline-block;
}
.bottom{
	height:48px; padding-top:12px; line-height:36px; border-top:solid 1px #666666; margin-top:22px;
}
.bottom a.help{
	float:right;
}
.page-ppt{
	margin-bottom:35px;
}
.page-ppt img{
	max-width:100%;
}
.main{
	margin-bottom:50px; padding-bottom:10px;
}
.cat{
	display:none; 
}

.subnav{
	height:55px;   text-align:center; margin-bottom:20px;
}

.subnav a{
	display:inline-block; color:#666; font-size:16px; text-decoration:none; margin:0px 15px; line-height:35px; height:35px; height:35px; overflow:hidden; border:solid 1px #ccc; padding:0px 25px;
}
.subnav a.cur,.subnav a:hover{
	 color:white; border-color:#FF9303; background:#FF9303;
}
.subnav a span{
	display:none;
}

.tjnews{
	height:425px; background:#0E6EB8; color:white; margin-bottom:35px;
}
.tjnews .nleft{
	width:47%; float:left; height:425px; overflow:hidden;
}
.tjnews .nleft a{
	display:block; 
}
.tjnews .nleft a img{
	height:425px;
}
.tjnews .nright{
	width:52%; float:right; padding:45px 30px;
}
.tjnews .nright a.title{
	height:40px; line-height:40px; color:white;  text-decoration:none; font-size:24px; margin-bottom:10px; font-size:24px; display:block;
}
.tjnews .nright a.title:hover{
	color:#FF9303;
}
.tjnews .nright .rq{
	height:30px; line-height:30px; font-size:16px; color:#ccc; margin-bottom:18px;
}
.tjnews .nright .desc{
	line-height:22px; height:66px; overflow:hidden; color:#ccc; margin-bottom:20px;
}
.tjnews .nright a.more{
	display:block; height:32px; line-height:32px; width:auto; text-decoration:none; font-size:16px; color:white; 
}
.tjnews .nright a.more:hover{
	color:#FF9303;
}
.nlist li{
	width:400px; float:left; margin-bottom:30px; margin-right:40px; border:solid 1px #ccc; padding:12px 15px;
}
.nlist li:nth-child(3n+0){
	margin-right:0px;
}
.nlist li a.img{
	display:block; height:240px; line-height:240px; text-align:center; margin-bottom:7px; overflow:hidden;
}
.nlist li a.img img{
	height:240px;
}
.nlist li a.title{
	display:block; height:33px; line-height:33px; text-decoration:none; overflow:hidden; color:#333; margin-bottom:4px;
}
.nlist li .rq{
	color:#ccc; line-height:25px; margin-bottom:4px; 
}
.nlist li .desc{
	line-height:22px; height:44px; margin-bottom:15px; overflow:hidden; color:#777;
}
.nlist li a.more{
	display:block; color:#999; font-weight:bold; text-decoration:none;
}
.nlist li:Hover a.more{
	color:#ff9303;
}
.nlist li:hover{
	border-color:#ff9303;
}

.pics li{
	width:290px; margin-right:40px; float:left; margin-bottom:28px;
}
.pics li:nth-child(4n+0){
	margin-right:0px;
}
.pics li a.img{
	display:block; height:400px; line-height:400px; overflow:hidden; text-align:center;
}
.pics li a.img img{
	max-height:400px; max-width:100%;
}
.pics li a.txt{
	display:block; height:30px; text-align:center; line-height:30px; color:#999; text-decoration:none;
}
.pics li:hover a.txt{
	color:#0E6EB8;
}
.cont-box{
	height:370px; position:relative; padding-left:530px; 
}
.cont-box .cont-left{
	width:530px; position:absolute; left:0px; top:0px; background:white; box-shadow:0px 0px 10px #ccc; padding:25px 37px; height:100%;
}
.cont-left ul li{
	padding-top:15px; padding-bottom:18px; padding-right:15px; padding-left:50px; position:relative; line-height:24px; color:black; font-size:16px; border-bottom:dashed 1px #ccc;
}
.cont-left ul li img{
	position:absolute; top:12px; left:12px;
}
.cont-left ul li span{
	display:inline-block; width:45%;
}
.cont-left ul li span:nth-child(odd){
	margin-left:15px;
}

.fform{
	padding-top:30px;
}

.fform li{
	width:48%; float:left; margin-right:4%; margin-bottom:30px; 
}
.fform li:nth-child(even){
	margin-right:0px;
}
.fform li input.txt-input{
	width:100%; height:46px; padding:10px 16px; border:solid 1px #ccc; border-radius:3px; outline:none;
}
.fform li span{
	width:50px; left:13px; height:26px; top:10px; position:absolute; font-size:16px; color:#333;
}
.fform li:last-child{
	float:none; clear:both; margin-right:0px; width:100%;
}
.fform li:last-child textarea{
	height:110px; padding:12px 13px; line-height:24px; border:solid 1px #ccc; border-radius:6px; width:100%; outline:none;
}
.cc1{
	text-align:center; line-height:40px;
}
.cc1 button{
	display:inline-block; margin:0px 10px; padding:0px 40px; border:none; outline:none;
}
.cc1 button.tj1{
	background:#0E6EB8; color:white;
}
.cc1 button.tj2{
	background:#CCCCCC; color:white;
}
.caselist li{
	width:410px; margin-right:25px; float:left; margin-bottom:25px; text-align:center;
}
.caselist li:nth-child(3n+0){
	margin-right:0px;
}
.caselist li a.img{
	display:block; overflow:hidden; height:285px; line-height:285px; position:relative;
}
.caselist li a.img span{
	position:absolute; background:black; opacity:0.75; width:100%; line-height:270px; height:100%; color:white; text-align:center; top:110%; left:0px; transition: all 0.6s;
}
.caselist li:hover a.img span{
	bottom:0px; top:0px;
}

.caselist li a.img span font{
	display:inline-block; height:50px; padding:0px 10px; border-top:solid 2px white; border-bottom:solid 2px white; line-height:50px;
}
.caselist li a.img img{
	max-height:285px; max-width:100%;
}
.caselist li a.txt{
	height:32px; line-height:32px; display:block; text-decoration:none; color:#333; margin-top:2px;
}
.caselist li a.txt:hover{
	color:#0E6EB8;
}
.page-content{
	line-height:32px; min-height:280px; color:#777;
}
.page-content img{
	max-width:100%; height:auto !important;
}
.productlist li{
	width:400px; margin-right:40px; float:left; margin-bottom:20px; text-align:center;
}
.productlist li:nth-child(3n+0){
	margin-right:0px;
}
.productlist li a.img{
	display:block; overflow:hidden; height:400px; line-height:400px; position:relative; margin-bottom:6px;
}
.productlist li a.img span{
	position:absolute; background:black; opacity:0.75; width:100%; line-height:370px; height:100%; color:white; text-align:center; top:110%; left:0px; transition: all 0.6s;
}
.productlist li:hover a.img span{
	bottom:0px; top:0px;
}

.productlist li a.img span font{
	display:inline-block; height:50px; padding:0px 10px; border-top:solid 2px white; border-bottom:solid 2px white; line-height:50px;
}
.productlist li a.img img{
	max-height:400px; max-width:100%;
}
.productlist li a.txt{
	height:52px; line-height:32px; display:block; text-decoration:none; color:#333; margin-top:2px; padding-top:20px; background:url(../images/jian.png) no-repeat center 5px;
}
.productlist li a.txt:hover{
	color:#0E6EB8;
}
.product-b{
	margin-bottom:40px; position:relative; padding-left:578px; height:550px;
}
.product-b .bigpic{
	width:550px; position:absolute; top:0px; left:0px; height:100%; overflow:hidden; text-align:center;
}
.product-b .bigpic img{
	height:550px;
}
.product-title{
	height:70px; line-height:60px; background:url(../images/line.png) no-repeat left bottom; font-size:30px; color:black; margin-bottom:27px;
}
.product-desc{
	line-height:25px; color:#999; margin-bottom:25px; height:335px; font-size:16px;
}
.smp{
	height:95px; overflow:hidden;
}
.smp a{
	height:95px; width:95px; display:inline-block; margin-right:15px; border:solid 1px white; overflow:hidden;
}
.smp a img{
	width:95px; height:95px;
}
.smp a.cur{
	border-color:#FF9303;
}
.shopproduct{
	margin-top:25px; padding-right:398px; position:relative; min-height:1140px;
}
.tj-plist{
	width:370px; position:absolute; height:100%; right:0px; top:0px;
}
.tj-title{
	height:45px; line-height:39px; font-size:18px; color:#0e6eb8; font-weight:bold;
}
.tj-plist a{
	display:block; margin-bottom:20px; position:relative; overflow:hidden; color:white;
}
.tj-plist a img{
	max-width:100%;
}
.tj-plist a span{
	position:absolute; width:100%; height:100%; background:black; opacity:0.78; text-align:center; line-height:300px; top:0px; left:-400px; transition: all 0.6s;  
}
.tj-plist a:hover span{
	left:0px;
}
.tj-plist a span font{
	display:inline-block; padding:0px 15px; height:62px; line-height:62px; border-top:solid 2px white; border-bottom:solid 2px white;
}
.pdtab{
	height:45px; line-height:45px; border-bottom:solid 1px #f0f0f0; 
}
.pdtab a{
	display:inline-block; padding:0px 9px; border-bottom:solid 1px #f0f0f0; text-decoration:none; margin-right:5px; font-size:18px; color:#888; font-weight:bold;
}
.pdtab a.cur{
	border-bottom:solid 1px #0E6EB8; color:#0E6EB8;
}
.pd-box{
	margin-top:20px; padding:0px 10px;
}
.pd-box .tabbox{
	line-height:30px; color:#666; font-size:14px; display:none; min-height:500px;
}
.pd-box .tabbox.cur{
	display:block;
}
.pd-box .tabbox img{
	max-width:100%; height:auto !important;
}
.ados{
	position:relative; padding-top:280px;
}
.ados img{
	max-width:100%;
}
.bos{
	 position:absolute; top:0px; width:95%; left:2.5%; color:white; background:#0E6EB8; padding:30px 25px; line-height:28px;
}
.index4.a-about{
	height:auto; background-color:#EDF2F6;
}

.a-bg{
	height:791px; background:url(../images/a_bg.jpg) no-repeat center center; padding:70px 0px;
}
.a-zert{
	margin-top:30px; padding-top:20px;
}
.a-zert img{
	max-width:100%;
}
.video-box{
	padding:70px 0px;
}
.videos{
	width:1080px; margin:0 auto; padding:25px 0px;
}